import Vue from 'vue'
import Vonic from 'vonic/src/index.js'
import Vuex from 'vuex'
Vue.use(Vuex);
import VueScroller from 'vue-scroller'
Vue.use(VueScroller)
// Page Components
import Index from './components/Index.vue'
import About from './components/About.vue'
import New from './components/news/New.vue'
import Cart from './components/Cart.vue'
import Discount from './components/Discount.vue'
import Home from './components/Home.vue'
import User from './components/User.vue'
import Search from './components/Search.vue'
import Dzb from './components/Dzb.vue'

// Routes
const routes = [
  { 
    path: '/',
    component: Index,
    children:[
      { path: '/', redirect: '/Index/new' },
      { path: '/Index/new', component: New },
      { path: '/Index/about', component: About },      
      { path: '/Index/Cart', component: Cart },
      { path: '/Index/Discount', component: Discount },
      { path: '/Index/Home', component: Home },
      { path: '/Index/User', component: User },
      { path: '/Index/Search', component: Search },
      { path: '/Index/Dzb', component: Dzb }
    ]
  }  
]

let store = new Vuex.Store({
  
})
Vue.use(Vonic.app, {
  routes,
  store
})
